<!--
 * @Author: quit
 * @Date: 2023-02-22 19:29:00
 * @LastEditTime: 2023-02-23 12:15:15
 * @Descripttion: 
 * @notice: 
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <script src="./node_modules/react/umd/react.development.js"></script>
        <script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
    </head>
    <body>
        <!--
            react 特性 声明式 组件式 随处使用
            基本使用
                使用 npm install react react-dom
                安装     react 核心库 用于创建元素与组件等功能
                        dom 库 提供dom的相关特性  基于web平台的dom包
         -->
        <div id="app"></div>
    </body>
    <script>
        /**
         * 返回一个react元素
         *      方法的参数
         *      1 需要创建的元素名称
         *      2 元素的属性
         *      3 及其后的参数为元素的子节点
         */
        const div = React.createElement('div', null, 'Hello React')
        /**
         * 需要渲染的react元素
         * DOM对象(渲染位置)
         */
        ReactDOM.render(div, document.getElementById('app'))
    </script>
</html>
